<!-- 绑定社交账号 -->
<template>
	<view class="page">
		<u-navbar title="绑定社交账号" titleStyle="font-weight: bold;font-size: 30rpx;" :fixed="true" :autoBack="true"></u-navbar>
		<view class="tips">绑定微信帐号能过更方便的使用直播功能哟</view>
		<view class="_abbr"><img src="@/static/img/weixin.png" alt="" width="130" /></view>
		<u-button
			type="success"
			text="绑定微信"
			style="    
    width: 500rpx;
    height: 80rpx;
    line-height: 80rpx;
    border-radius: 80rpx;"
		></u-button>
		<view class="_abbr"><img src="@/static/img/QQ.png" alt="" width="130" /></view>
		<u-button
			type="primary"
			text="绑定QQ"
			style="    width: 500rpx;
    height: 80rpx;
    line-height: 80rpx;
    border-radius: 80rpx;"
		></u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.page {
	padding-top: 88rpx;
	.tips {
		font-size: 32rpx;
		color: #999999;
		line-height: 44rpx;
		margin: 70rpx 16rpx 0;
		text-align: center;
	}
	._abbr {
		width: 100vw;
		padding: 70rpx 0 20rpx;
		text-align: center;
	}
}
</style>
